<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>欢迎页</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<style>
    div.table-list table.list td.highlight-tip,
    div.table-wrapper table.list tr td:hover,
    div.table-wrapper table.list tr th:hover {
        cursor: pointer
    }








    div.table-list table.time-span tr.today td {
        height: 50px;
        font-size: 12px;
        line-height: 50px
    }



    div.table-list table.list {
        border-collapse: collapse;
        font-size: 12px
    }

    div.table-list table.width50 {
        width: 300px;
    }

    div.table-list table.list th {
        height: 34px;
        line-height: 34px;
        text-align: left;
        color: #808492;
        white-space: nowrap;
        font-size: 12px;
        font-weight: 400
    }



    div.table-list table.list tr td {
        height: 34px;
        font-size: 14px;
        line-height: 34px;
        white-space: nowrap;
        text-align: left;
        color: #808492
    }

    div.table-list table.list tr.highlight td {
        font-size: 26px;
        line-height: 50px;
        color: #333
    }




    div.table-list table.list tr.last td {
        border-bottom: none;
        height: 34px;
        line-height: 34px
    }



    .table-list {
        padding: 20px 40px 10px;
        background-color: #fff
    }

    div.table-list .list.time-span tr td {
        font-size: 12px
    }






    .table-wrapper {
        position: relative;
        margin-left: 60px
    }




    #sortHome td:hover {
        color: #396fff
    }


    .l {
        float: left;
    }
    .sort_h_Div{border:1px #f2f2f2 solid; margin:18px; }
    .sort_h_w_4{width:410px;}
</style>
<body>
<div class="warning-element">
<div class="sort_h_Div sort_h_w_4">


    <div class="table-list">
        <table cellspacing="0" cellpadding="0" class="list time-span l">
            <thead>
            <tr>
                <th class="null"></th>
            </tr>
            </thead>
            <tbody>
            <tr class="today">
                <td class="">今日</td>
            </tr>
            <tr class="last">
                <td class="">昨日</td>
            </tr>


            </tbody>
        </table>
        <div id="sortHome" class="table-wrapper">
            <table cellspacing="0" cellpadding="0" class="list width50">
                <tbody>
                <tr class="title">
                    <th class="">出货量</th>
                    <th class="">待发货</th>
                    <th class="">退货量</th>

                </tr>
                <tr class="highlight">
                    <td class="">
                        <div title="" class=" ">1,000</div>
                    </td>
                    <td class="  ">
                        <div title="" class=" ">2,958</div>
                    </td>
                    <td class=" ">
                        <div title="" class=" ">0</div>
                    </td>

                </tr>
                <tr class="last">
                    <td class=" ">
                        <div title="" class=" ">1,400</div>
                    </td>
                    <td class=" ">
                        <div title="" class=" ">7</div>
                    </td>
                    <td class=" ">
                        <div title="" class=" ">2</div>
                    </td>

                </tr>



                </tbody>
            </table>

        </div>
    </div>
</div>
</div>
</body>
</html>